<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>金立</title>
    <link rel="icon" href="images/favicon.ico"/>
    <link rel="stylesheet" href="css/2.css"/>
    <link rel="stylesheet" href="css/reset.css"/>
</head>
<body>
<!--导航开始-->
<div class="nav">
    <div class="wrap">
        <div class="logo"><img src="images/logo.png" alt=""/></div>
        <div class="r_nav">
            <div class="t_nav">
                <ul>
                    <li><a href="#">amigo账号登录</a><span>|</span></li>
                    <li><a href="#">原账号登陆</a><span>|</span></li>
                    <li><a href="#">注册</a></li>
                    <li><a href="#">购物车（0）</a>
                        <div class="cart">你的购物车是空的，快去挑选喜欢的商品吧！</div>
                    </li>
                </ul>
            </div>
            <div class="b_nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li>
                        <a href="#">手机</a>
                    <div class="hidden_box"></div>
                    </li>
                    <li><a href="#">配件</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">下载</a></li>
                    <li><a href="#">社区</a></li>
                    <li><a href="#">amigoOS</a></li>
                    <li class="search">
                        <form action="" method="post" name="myForm">
                            <input type="text" placeholder="请输入搜索内容"/>
                           <button>镜</button>
                        </form></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--导航结束-->
<!--轮播图开始-->
<div class="carousel"></div>
<!--轮播图结束-->

<!--明星产品开始-->
<div class="star">
    <div class="wrap">
        <h2>明星产品</h2>
        <div class="img_box">
            <div>
                <img src="images/28_1514454113062.jpg" alt=""/>
                <ul>
                    <li>6.01英寸超清全面屏</li>
                    <li>内置安全加密芯片</li>
                    <li>后置1600万双摄</li>
                </ul>
            </div>
            <div>
                <img src="images/19_1516348649876.jpg" alt=""/>
                <ul>
                    <li>6.01英寸超清全面屏</li>
                    <li>内置安全加密芯片</li>
                    <li>后置1600万双摄</li>
                </ul>
            </div>
            <div>
                <img src="images/28_1514454181297.jpg" alt=""/>
                <ul>
                    <li>6.01英寸超清全面屏</li>
                    <li>内置安全加密芯片</li>
                    <li>后置1600万双摄</li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--明星产品结束-->
<!--热卖推荐开始-->
<div class="hot">
    <div class="wrap ">
        <h2>精美配件</h2>
        <p class="more">
            <a href="#" >...更多...</a>
        </p>
        <div class="hot_box">
            <div class="left">
                <img src="images/05_1520212662703.jpg" alt=""/>
            </div>
            <div class="right">
                <div>
                    <div class="iph_box">
                        <img src="images/28_1514451535446.png" alt="" class="prev"/>
                        <img src="images/28_1514451528464.png" alt="" class="next"/>
                    </div>
                    <h3>金立F6</h3>
                    <p>5.7英寸高清全面屏，四曲面机身</p>
                    <span>￥1399</span>
                </div>

                <div>
                    <div class="iph_box">
                        <img src="images/28_1514451560910.png" alt="" class="prev"/>
                        <img src="images/28_1514451554121.png" alt="" class="next"/>
                    </div>
                    <h3>金立F6</h3>
                    <p>5.7英寸高清全面屏，四曲面机身</p>
                    <span>￥1399</span>
                </div>
                <div>
                    <div class="iph_box">
                        <img src="images/28_1514451629703.png" alt="" class="prev"/>
                        <img src="images/28_1514451623552.png" alt="" class="next"/>
                    </div>
                    <h3>金立F6</h3>
                    <p>5.7英寸高清全面屏，四曲面机身</p>
                    <span>￥1399</span>
                </div>
                <div>
                    <div class="iph_box">
                        <img src="images/28_1514451535446.png" alt="" class="prev"/>
                        <img src="images/28_1514451528464.png" alt="" class="next"/>
                    </div>
                    <h3>金立F6</h3>
                    <p>5.7英寸高清全面屏，四曲面机身</p>
                    <span>￥1399</span>
                </div>
                <div>
                    <div class="iph_box">
                        <img src="images/28_1514451683907.png" alt="" class="prev"/>
                        <img src="images/28_1514451679603.png" alt="" class="next"/>
                    </div>
                    <h3>金立F6</h3>
                    <p>5.7英寸高清全面屏，四曲面机身</p>
                    <span>￥1399</span>
                </div>
                <div>
                    <div class="iph_box">
                        <img src="images/28_1514451729786.png" alt="" class="prev"/>
                        <img src="images/28_1514451724867.png" alt="" class="next"/>
                    </div>
                    <h3>金立F6</h3>
                    <p>5.7英寸高清全面屏，四曲面机身</p>
                    <span>￥1399</span>
                </div>

            </div>
        </div>
        </div>
    </div>
<!--热卖推荐结束-->
<!--精美配件开始-->
<div class="pj">
    <div class="wrap ">
        <h2>精美配件</h2>
        <p class="more">
            <a href="#" >...更多...</a>
        </p>
        <div class="pj_box">
            <div><img src="images/28_1514453044261.jpg" alt=""/>
                <div class="text_box">
                    <h3>线控自拍杆</h3>
                    <p>迷你携带，线控美拍</p>
                    <span>￥49</span>
                </div>
            </div>
            <div><img src="images/28_1514453089776.jpg" alt=""/>
                <div class="text_box">
                    <h3>Micro USB数据线</h3>
                    <p>高速数据传输</p>
                    <span>￥20</span>
                </div>
            </div>
            <div><img src="images/28_1514453140686.jpg" alt=""/>
                <div class="text_box">
                    <h3>旅行充电器</h3>
                    <p>流线腰身，高效充电</p>
                    <span>￥40</span>
                </div>
            </div>
            <div><img src="images/28_1514453197940.jpg" alt=""/>
                <div class="text_box">
                    <h3>HiFi耳机</h3>
                    <p>HI-FI魔音，震撼享受</p>
                    <span>￥69</span>
                </div>
            </div>
            <div><img src="images/28_1514453223487.jpg" alt=""/>
                <div class="text_box">
                    <h3>贴膜</h3>
                    <p>高清透光，耐磨防油</p>
                    <span>￥10</span>
                </div>
            </div>
            <div><img src="images/28_1514453165062.jpg" alt=""/>
                <div class="text_box">
                    <h3>快充充电器</h3>
                    <p>高速快充，安全节能</p>
                    <span>￥69</span>
                </div>
            </div>
        </div>
    </div>
</div>
<!--精美配件结束-->
</body>
</html>